<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!-- 文本框<input type="text" name="" id=""><br/>
    密码<input type="password"><br/>
    文件 <input type="file"><br/>
    邮箱  <input type="email"><br/>
    单选按钮  <input type="radio" name="gender" checked="checked">男  <input type="radio" name="gender"> 女<br/>
    复选框   <input type="checkbox">篮球 <input type="checkbox">足球  <br/>
    普通按钮   <input type="button" value="我是一个按钮, 可以点击"><br/>
    提交按钮   <input type="submit"><br/>

    下拉菜单
    <select>
        <option>北京</option>
        <option>上海</option>
        <option>广州</option>
        <option>深圳</option>
    </select><br/>
    文本域
    <textarea rows="5" cols="20"></textarea> -->

    <form action="test1.html" method="get">
        用户名: <input type="text" name="userName" id=""><br/>
        密码: <input type="password" name="password" id="">
        <select name="area">
            <option value="0">北京</option>
            <option value="1">上海</option>
            <option value="2">广州</option>
            <option value="3">深圳</option>
        </select>
        <input type="email" id="email" pattern=".+@example\.com" size="30" required />
        
        <input type="submit">
    </form>
    

</body>
</html>